<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<header>
    <div class="top container">
        <p class="hidden-xs">客服热线：010-594-78634</p>
        <img src="imges/12321.gif">
    </div>
    <div role="navigation" class="nav1 navbar navbar-default">
        <div class="container">
            <div class="header-logo">
                <div class="logo-middle"><img src="./img/task8-1-20.png"></div>
            </div>
            <div class="navbar-header marginTop">
                <button data-target="#example-navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
                    <span class="sr-only">切换导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <div id="example-navbar-collapse" class=" collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <a href="/tiles/home"><li>首 页</li></a>
                    <a href="/tiles/profession"><li class="border">职 业</li></a>
                    <a href="/tiles/u/plist"><li>管理列表</li></a>
                    <a href="http://www.jnshu.com"><li>关 于</li></a>
                </ul>
            </div>
        </div>
    </div>

</header>
<div class="container">
<div class="nav-title"><a href="/tiles/home">首页</a>&gt;职业</div>
<div class="nav-bar">
    <span class="">方向：</span>
    <a class="nav-bar-a a-selected" href="/tiles/profession">全部</a>
    <a class="nav-bar-a" href="/tiles/profession/1">前端开发</a>
    <a class="nav-bar-a" href="/tiles/profession/2">后端开发</a>
    <a class="nav-bar-a" href="/tiles/profession/3">运维</a>
    <a class="nav-bar-a" href="/tiles/profession/4">用户体验</a>
</div>
</div>